<template>
	<image src="../../static/image/02.png" mode="widthFix" class="bg"></image>
	<u-navbar
	title="平台认证"
	:autoBack="true"
	:background="{
	background:'transparent'
	}"
	:border-bottom="false"
	titleSize="28rpx" titleColor="#fff"
	back-icon-color="#fff"
	:isFixed="false"
	/>
	
	<view class="container" v-if="data">
		<view class="content bgf pl30 pr30 r20">
			<view class="li t-flex  pt30 pb30">
				<view class="f32 c3 bold">认证信息</view>
			</view>
			<view class="li t-flex between pt30 pb30">
				<view class="f30 c3 bold">姓名：</view>
				<view class="right">{{data.name}}</view>
			</view>
			<view class="li t-flex between pt30 pb30">
				<view class="f30 c3 bold">身份证号：</view>
				<view class="right">{{data.idcard}}</view>
			</view>
			<view class="li  pt30 pb30">
				<view class="f30 c3 bold">身份证正反面：</view>
				<view class="t-flex between mt20">
					<view class="item t-flex colum">
						<uv-image :src="$str.img(data.sfz_b_image)" mode="aspectFill"
						width="300rpx"
						height="180rpx"
						></uv-image>
						<view class="c9 mt20">
							身份证人像面
						</view>
					</view>
					<view class="item t-flex colum">
						<uv-image :src="$str.img(data.sfz_a_image)" mode="aspectFill"
						width="300rpx"
						height="180rpx"
						></uv-image>
						<view class="c9 mt20">
							身份证国徽面
						</view>
					</view>
				</view>
			</view>
			<view class="li  pt30 pb30">
				<view class="f30 c3 bold">驾驶证：</view>
				<view class="t-flex between mt20">
					<uv-image :src="$str.img(data.jsz_a_image)" mode="aspectFill"
					width="300rpx"
					height="180rpx"
					></uv-image>
				</view>
			</view>
		</view>
		
		<view class="content bgf pl30 pr30 r20 mt20">
			<view class="li t-flex  pt30 pb30">
				<view class="f32 c3 bold">车辆信息</view>
			</view>
			<view class="li t-flex between pt30 pb30">
				<view class="f30 c3 bold">车牌号：</view>
				<view class="right">{{data.car_number}}</view>
			</view>
			<view class="li t-flex between pt30 pb30">
				<view class="f30 c3 bold">车辆型号：</view>
				<view class="right">{{data.car_type}}</view>
			</view>
			<view class="li  pt30 pb30">
				<view class="f30 c3 bold">车辆外观：</view>
				<view class="t-flex between mt20">
					<uv-image :src="$str.img(item)" mode="aspectFill"
					width="300rpx"
					height="180rpx"
					v-for="item,index in data.fjs_a_image.split(',')"
					:key="index"
					@click="previewImg(data.fjs_a_image,index)"
					></uv-image>
				</view>
			</view>
		</view>
		
		
		<view class="bpad"></view>
		
		
	</view>
	<loading v-else></loading>

</template>

<script setup lang="ts">
import { ref } from 'vue';
import { onLoad } from "@dcloudio/uni-app"
import { sfRzInfo } from '../../api';
import { previewImg } from '../../lib/ts/util';
	
	onLoad(options=>{
		getdata(options.id)
	})
	
	let data = ref()
	const getdata = async (id)=>{
		data.value = await sfRzInfo(id)
	}
	
	
	

</script>

<style scoped lang="scss">
	.bg{
		width: 100%;
		position: absolute;
	}
	.container{
		padding: 40rpx 30rpx;
		position: relative;
		z-index: 2;
	}
	
	.li{
		border-bottom: 2rpx solid #F6F6F6;
		.right{
			width: 70%;
			justify-content: flex-end;
			text-align: right;
		}
		.right2{
			width: 50%;
			justify-content: flex-end;
		}
	}
	
	
</style>
